/*
 * ======== zz-warp ������ʽ
 */
.zi-icon {
    background-image: url(${filter.res.url}/images/ssp-web/z_icon.png);
    background-repeat: no-repeat;
}

/* ===== start ===== */
.zi-bank {
    background-image: url(${filter.res.url}/images/ssp-web/zi-bank.png);
    background-repeat: no-repeat;
}
.zi-zfbye {
    display: inline-block;
    vertical-align: middle;
    width: 148px;
    height: 36px;
    background-position: -42px -20px;
}
.zi-gsyh {
     display: inline-block;
     vertical-align: middle;
     width: 148px;
     height: 36px;
     background-position: -246px -20px;
 }
.zi-zsyh {
    display: inline-block;
    vertical-align: middle;
    width: 148px;
    height: 36px;
    background-position: -452px -20px;
}
.zi-jsyh {
    display: inline-block;
    vertical-align: middle;
    width: 148px;
    height: 36px;
    background-position: -655px -20px;
}

.zi-zfb {
    display: inline-block;
    vertical-align: middle;
    width: 100px;
    height: 36px;
    background-position: -40px -345px;
}
.zi-cft {
    display: inline-block;
    vertical-align: middle;
    width: 100px;
    height: 36px;
    background-position: -160px -345px;
}
.zi-wx {
    display: inline-block;
    vertical-align: middle;
    width: 100px;
    height: 36px;
    background-position: -300px -345px;
}
/* ===== end =====*/

.zz-wrap .layout {
    width: 1200px;
}
.zz-wrap .sec-logo{
    margin-left: 0;
}
.zz-wrap .sec-link {
    margin-right: 0;
}
.zz-wrap .breadcrumb-list {
    border-bottom: 1px solid #ececec;
    margin-left: 0;
}
.zz-wrap .sec-foot {
    border-top: 1px solid #e9e9e9;
}
.zz-wrap .sec-foot-con {
    height: 50px;
    line-height: 50px;
    padding: 0;
}

.z-msgs {
    display: inline-block;
    vertical-align: middle;
    position: relative;
    width: 30px;
    height: 20px;
    background: url(${filter.res.url}/images/ssp-web/z-msgs.png) no-repeat left center;
}
.z-msgs span {
    position: absolute;
    right: -2px;
    top: -8px;
    width: 18px;
    height: 18px;
    line-height: 18px;
    text-align: center;
    background-color: #dc2128;
    color: #fff;
    font-size: 12px;
    border-radius: 18px;
}
.z-exit {
    display: inline-block;
    vertical-align: middle;
    background: url(${filter.res.url}/images/ssp-web/z-exit.png) no-repeat left center;
    padding-left: 24px;
}

/*
 * ===== �˵�����
 */
.z-main {
    background: #fafafa url(${filter.res.url}/images/ssp-web/z-side.png) repeat-y left top;
}
.z-side {
    float: left;
    width: 160px;
    border-top: 1px solid #eee;
}
.z-menu {
    padding-top: 30px;
}
.z-menu a {
    display: block;
    height: 46px;
    line-height: 46px;
    font-size: 14px;
    color: #666;
    margin-bottom: 15px;
    background-color: #fafafa;
    border:1px solid #fafafa;
    border-right: 1px solid #eee;
    border-left: 1px solid #eee;
}
.z-menu .active, .z-menu a:hover {
    border:1px solid #eee;
    border-right: 1px solid #fff;
    color: #0089d2;
    text-decoration: none;
    background-color: #fff;
}
.z-menu a span {
    display: block;
    padding-left: 40px;
    border-left: 6px solid #fafafa;
}
.z-menu .active span, .z-menu a:hover span {
    border-left: 6px solid #0089d2;
}

/*
 * ===== ��������
 */
.z-content {
    float: right;
    width: 1020px;
    padding-left: 20px;
    background-color: #fff;
    min-height: 500px;
    padding-bottom: 50px;
}
.z-con-tit {
    border-bottom: 1px solid #eee;
    line-height: 30px;
    color: #666;
}
/*
 * ���ݺ���
 */
.z-box {
    color: #666;
}
.z-hd {
    height: 48px;
    line-height: 48px;
    background-color: #ebebeb;
    padding-left: 15px;
    padding-right: 15px;
}
.z-bd {
    border: 1px solid #ebebeb;
    padding: 15px;
}
/*
 * ����ʽ
 */
.z-item {
    margin-bottom: 15px;
    line-height: 32px;
}
.z-label {
    display: inline-block;
    vertical-align: top;
    min-width: 100px;
}
.z-txt {
    display: inline-block;
    vertical-align: top;
}
.z-input {
    display: inline-block;
    vertical-align: top;
    border:1px solid #ccc;
    padding: 5px 10px;
    height: 20px;
    line-height: 20px;
    border-radius: 3px;
}
.z-date {
    padding-right: 30px;
    background: url(${filter.res.url}/images/ssp-web/z_date.png) no-repeat right center;
}
.z-select {
    display: inline-block;
    vertical-align: top;
    border:1px solid #ccc;
    padding: 0 10px;
    height: 32px;
    line-height: 32px;
    border-radius: 3px;
}
.z-imp {
    display: inline-block;
    vertical-align: top;
    color: #fe0000;
}
.ml260 { margin-left: 260px;}

/*
 * ===== ��ť
 */
.btn_auto_20,
.btn_auto_25,
.btn_auto_30,
.btn_auto_40{display:inline-block; overflow:hidden; vertical-align:middle; border-radius:3px; text-align: center;}

.btn_auto_20:hover,
.btn_auto_25:hover,
.btn_auto_30:hover,
.btn_auto_40:hover{text-decoration:none; color:#fff;}

.btn_auto_20{height:20px; line-height:20px; padding:0 5px; font-size:12px; color:#fff;}
.btn_auto_25{height:25px; line-height:25px; padding:0 5px; font-size:12px; color:#fff;}
.btn_auto_30{height:30px; line-height:30px; padding:0 10px; font-size:14px; color:#fff;}
.btn_auto_40{height:40px; line-height:40px; padding:0 15px; font-size:18px; color:#fff; font-family:"\5FAE\8F6F\96C5\9ED1"}

.btn_red{ background:#dd1b1b}
.btn_red:hover{ background:#ff0033}
.btn_blue{ background:#1e88d2}
.btn_blue:hover{ background:#0099ff}
.btn_yellow{ background:#ff9900}
.btn_yellow:hover{ background:#ff6600}
.btn_green{ background:#00a651}
.btn_green:hover{ background:#00bf5d}
.btn_gray{ background:#fff; color:#333; border:1px solid #ccc;}
.btn_gray:hover{ background:#f5f5f5; color:#333}

.b_h18{ height:18px; line-height:18px;}
.b_h23{ height:23px; line-height:23px;}
.b_h28{ height:28px; line-height:28px;}
.b_h38{ height:38px; line-height:38px;}

.btn_disabled{ background:#aaa; color:#fff; cursor:default;}
.btn_disabled:hover{ background:#aaa; color:#fff;}

.w_100 { width: 100px;}

/*
 * ===== z-tb ���
 */
.z-tb {
    width: 100%;
    line-height: 30px;
}
.z-tb thead th {
    padding: 15px 5px;
    background-color: #ebebeb;
}
.z-tb tbody td {
    padding: 15px 5px;
    color: #666;
    font-size: 12px;
    border-bottom: 1px solid #eee;
}
.z-tb tbody tr:nth-child(even){
    background-color: #f3ffef;
}
.z-tb tbody tr:hover {
    background-color: #f8f8f8;
}
.zi-edit {
    display: inline-block;
    vertical-align: middle;
    width: 30px;
    height: 30px;
    font-size: 0;
    overflow: hidden;
    background-position: -84px -5px;
}
.zi-del {
    display: inline-block;
    vertical-align: middle;
    width: 30px;
    height: 30px;
    font-size: 0;
    overflow: hidden;
    background-position: -126px -5px;
}
.zi-search {
    display: inline-block;
    vertical-align: middle;
    width: 24px;
    height: 24px;
    font-size: 0;
    overflow: hidden;
    background-position: -10px -8px;
}
.zi-add {
    display: inline-block;
    vertical-align: middle;
    width: 20px;
    height: 20px;
    font-size: 0;
    overflow: hidden;
    background-position: -50px -12px;
}
.zi-down {
    display: inline-block;
    vertical-align: middle;
    width: 20px;
    height: 30px;
    background-position: -90px -45px;
    font-size: 0;
    overflow: hidden;
}
.zi-up {
    display: inline-block;
    vertical-align: middle;
    width: 20px;
    height: 30px;
    background-position: -130px -45px;
    font-size: 0;
    overflow: hidden;
}


/*
 * ===== ��Ʒ����
 */
.z-con-bd {
    padding: 10px 0;
    border-bottom: 1px solid #eee;
}
.z-tb-nb {
    line-height: 32px;
}
.z-tb-nb td {
    padding: 8px;
    vertical-align: top;
}
.z-input-set {
    border: 1px solid #ccc;
    display: inline-block;
    border-radius: 3px;
}
.z-input-set .z-select {
    border: 0;
    border-left: 1px solid #ccc;
    margin-left: -1px;
    outline: none;
    font-size: 12px;
    width: 69px;
    padding: 0;
}
.z-input-set .z-input {
    border: 0;
    width: 95px;
    outline: none;
}
.z-tb-hd li{
    line-height: 65px;
    background-color: #ebebeb;
    font-size: 14px;
    font-weight: 700;
    display: inline;
    float: left;
    text-align: center;
}
.tb-box {

}
.tb-tit {
    padding: 13px;
    border: 1px solid #d7e9c8;
    background-color: #dfefd9;
    font-size: 12px;
}
.tb-bd {
    border: 1px solid #d7e9c8;
}
.orange {color:#ff9900;}
.tb-bd-list {
    display: inline;
    float: left;
    width: 654px;
    border-right: 1px solid #eee;
    min-height: 180px;
}
.tb-bd-list li {
    padding: 20px 0 20px 13px;
    border-bottom: 1px solid #d7e9c8;
    line-height: 19px;
    color: #666;
    font-size: 12px;
}
.dib {
    display: inline-block;
}
.tb-bd-item {
    display: inline;
    float: right;
    width: 364px;
    font-size: 12px;
    margin-left: -1px;
}
.tb-bd-item li {
    display: inline;
    float: left;
    border: 1px solid #eee;
    line-height: 35px;
    width: 110px;
    margin-top: -1px;
    padding: 0 5px;
    border-right: 0;
}
.tb-more {
    display: inline;
    float: left;
    width: 655px;
    height: 36px;
    line-height: 36px;
    text-align: center;
    background-color: #ebebeb;
    overflow: hidden;
    cursor: pointer;
}
.tb-more:hover {
    background-color: #f5f5f5;
}
.w_60 { width: 60px;}
.vt-line{
    border-top: 1px solid #eee;
    padding-top: 10px;
}
/*
 * ===== �ҵ�Ǯ��
 */
.ka-item {
    display: inline;
    float: left;
    width: 260px;
    height: 120px;
    border: 1px solid #ccc;
    background-color: #fff;
    padding: 20px;
    border-radius: 10px;
    margin-right: 20px;
    margin-bottom: 20px;
}
.s-time {
    display: inline;
    float: left;
    width: 380px;
}
.s-time a {
    color: #333;
    margin-right: 20px;
}
.s-time a:hover {
    color: #0283b4;
    text-decoration: none;
}

/*
 * ===== z-tabs �л���
 */
.z-tabs {}
.z-tabs-hd {
    height: 31px;
    border-bottom:1px solid #d7e9c8;
}
.z-tabs-hd a {
    display: inline;
    float: left;
    width: 178px;
    height: 30px;
    line-height: 30px;
    background-color: #fff;
    border:1px solid #d7e9c8;
    text-align: center;
    color: #333;
    font-size: 14px;
    border-bottom: 0;
}
.z-tabs-hd a.active, .z-tabs-hd a:hover {
    background-color: #d7e9c8;
    border: 1px solid #d7e9c8;
    border-bottom: 0;
    color: #333;
    text-decoration: none;
}
.z-tabs-bd {

}
.z-tabs-item {
    display: none;
}
.z-tabs-item.active {
    display: block;
}
.ka-add {
    font-size: 80px;
    color:#999;
    cursor: pointer;
    text-align: center;
}
.bank-list {}
.bank-list li {
    width: 173px;
    display: inline;
    float: left;
    margin-right: 20px;
    margin-bottom: 20px;
    border: 1px solid #ddd;
    padding-left: 5px;
}
/*
 * ===== input-group
 */
.table {
    width: 100%;
    max-width: 100%;
    line-height: 2;
}
table thead > tr > th {
    border-bottom: 2px solid #E7EBEE;
    text-transform: uppercase;
    font-size: 0.875em;
    background: #BFD5E0;
}
.table-condensed>tbody>tr>td, .table-condensed>tbody>tr>th, .table-condensed>tfoot>tr>td, .table-condensed>tfoot>tr>th, .table-condensed>thead>tr>td, .table-condensed>thead>tr>th {
    padding: 5px;
}

.table tbody>tr>td {
    font-size: 12px;
    vertical-align: middle;
    border-top: 1px solid #e7ebee;
    padding: 6px 8px;
}
.table-condensed tbody tr:hover  {
  background: #07d;
  color: #fff;
}

.input-group { position: relative; display: inline-block;}
.dropdown-menu {
    height: 200px;
    overflow-y: auto;
    background: #fff;
    border: 1px solid #ccc;
    display: none;
}
.input-group-link {
    position: absolute;
    width: 30px;
    height: 31px;
    top: -31px;
    right: 2px;
    background: #ccc;
    border: 0;
    cursor: pointer;
}
.input-group-btn {
    position: absolute;
    top: 32px;
    right: -1px;
    width: 100%;
}
